<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>

</head>

<body>

  <div th:fragment="charge">
    <!-- 充电桩信息卡-->
    <div class="cd-popup3 chargeInfo-pop chargeInfo" id="chargeInfoModal">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 chargeInfoModal modalStyle chargeInfoPopStyle">
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="modal-title">充电桩信息卡</div>
        <form id="chargeInfoForm" style="text-align: left">
            <div class="row mb24" style="width:100%;">
                <div class="col-xs-3" style="text-align: right; padding: 0; width:30%;">
                    <span>设备编号 : </span>
                </div>
                <div class="col-xs-9" style="padding: 0; width:70%;">
                    <input type="text" class="form-control notEmptyInput orgNameVal" name="orgName" autocomplete="off">
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="col-xs-3" style="text-align: right; padding: 0; width:30%;">
                    <span>地址:</span>
                </div>
                <div class="col-xs-9" style="padding: 0; width:70%;">
                    <input type="text" class="form-control notEmptyInput orgNameVal" name="orgName" autocomplete="off">
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="col-xs-3" style="text-align: right; padding: 0; width:30%;">
                    <span>厂商: </span>
                </div>
                <div class="col-xs-9" style="padding: 0; width:70%;">
                    <input type="text" class="form-control notEmptyInput orgNameVal" name="orgName" autocomplete="off">
                </div>
            </div>   
            <!-- 第一个绿色小边框 -->
            <div class="row mb24 charging" style="width:100%;">
                <div class="row" style="width:100%;">
                  <span>正在充电数量:</span>
                  <span class="color32">2</span>
                </div>
                <div class="row" style="width:100%;">
                  <span>充电时间:</span>
                  <span class="color32">25小时14分钟</span>
                </div>
                <div class="row" style="width:100%;">
                  <span>充电耗能:</span>
                  <span>xxxxx</span>
                </div>
                <div class="row" style="width:100%;">
                  <span>充电异常人数:</span>
                  <span class="color148">2</span>
                </div>
            </div>   
            
            <!-- 第二个绿色小边框 -->
            <div class="row mb24 charging" style="width:100%;">
                <div class="row" style="width:100%;">
                  <img src="/public/images/charging/c3.png" alt="">
                  <span>拔出异常:</span>
                  <span class="color148">1</span>
                </div>
                <div class="row" style="width:100%;">
                  <img src="/public/images/charging/c6.png" alt="">
                  <span>过载异常:</span>
                  <span>0</span>
                </div>
                <div class="row" style="width:100%;">
                  <img src="/public/images/charging/c5.png" alt="">
                  <span>高温异常:</span>
                  <span class="color148">1</span>
                </div>
                <div class="row" style="width:100%;">
                  <img src="/public/images/charging/c1.png" alt="">
                  <span>长时间充电异常:</span>
                  <span>0</span>
                </div>
                <div class="row" style="width:100%;">
                    <img src="/public/images/charging/c4.png" alt="">
                    <span>充电电流异常异常:</span>
                    <span>0</span>
                  </div>
            </div>  
          <!-- 按钮 -->
          <div class="btns">
            <button type="submit" class="btn btn-primary chargeInfoBtn" style="background-color: #70abe1;border: none;">查看历史</button>
            <button type="button" class="btn btn-primary chargeInfoBtn cd-popup-close1" style="background-color: #647687;border: none;">返回</button>
          </div>
        </form>

        <!-- 关闭 -->
        <!-- <a href="javascript:;" class="cd-popup-close closeModal"></a> -->

      </div>
    </div>
  </div>
</body>

</html>